<div data-page="user_collection" class="page no-toolbar navbar-fixed" id="user_collection">
	<style>
		.navbar span {
			color: white
		}
		
		.buttons-row {
			width: 100px;
		}
		
		.l_float {
			float: left;
		}
		
		.r_float {
			float: right;
		}
		
		.current {
			border-bottom: #FFFFFF solid 2px;
		}
		
		.sex-bgc2 {
			background-color: #FA94AA;
			border-radius: 2px;
		}
		
		.sex-bgc1 {
			background-color: #4AAEF3;
			border-radius: 2px;
		}
		
		.button {
			height: 100%;
			width: 100%;
			font-size: 10px;
			padding-left: 0px;
			padding-right: 0px;
		}
		
		.sex {
			width: 20%;
			height: 15px;
			margin-left: 2px;
			margin-top: 0px;
		}
		
		.sex span {
			float: left;
			width: 50%;
			height: 10px;
			color: white;
			text-align: center;
			font-size: 10px;
			position: relative;
			margin-top: 2px;
		}
		
		.img1 {
			float: left;
			width: 30%;
			padding-top: 2px;
			padding-bottom: 2px;
			margin-right: 2px;
			margin-left: 2px;
		}
		
		.vip {
			width: 20%;
			float: left;
			height: 15px;
			margin-left: 2px;
			margin-top: -2px;
		}
		
		.img2 {
			width: 100%;
			padding-left: 2px;
			height: 100%;
			z-index: 1;
			margin: 0px;
		}
		
		.list-block.media-list .item-link .item-title-row,
		.list-block li.media-item .item-link .item-title-row {
			background-image: url(image/nearby/ic_common_arrow_bottom.png);
			background-size: 15px 8px;
		}
		
		.title {
			float: left;
		}
		
		.title-name {
			width: auto;
			float: left;
			height: 100%;
			margin-left: 2px;
			position: relative;
		}
		
		.titlespan {
			font-size: 14px;
			font-weight: 200;
			display: block;
			padding-top: -10%;
		}
		
		.facebook-dateafter {
			float: right;
			font-size: 10px;
			margin-bottom: 30px;
			margin-right: 5px;
			height: 20px;
			width: 30px;
			color: #BBBBBB;
			position: relative;
		}
		
		.facebook-avatar {
			width: 15%;
		}
		
		.facebook-avatar img {
			width: 95%;
			height: 100%;
			border-radius: 5px;
			padding: 5px;
		}
		
		.sectitle {
			width: 100%;
			margin-top: 1px;
		}
		
		.sectitle span {
			width: 100%;
			font-size: 12px;
			color: #AEAEAE;
		}
		/* .afterbtn{
				position: relative;
				width: 12px;
				height: 6px;
    			margin-bottom: 30px;
 			}*/
		
		.facebook-name {
			position: relative;
			margin-bottom: 5px;
			margin-left: -50px;
			margin-top: -20px;
		}
		
		.card {
			height: 100%;
			margin: 0px;
		}
		
		.card-header {
			margin-top: 10px;
			height: 20%;
			padding-bottom: 0px;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		.card-header-frist {
			margin-top: 1px;
			padding: 2px;
		}
		
		.card-header:after {
			width: 80%;
			left: 20%;
		}
		
		.card-content {
			height: 70%;
		}
		
		.card-footer {
			height: 10%;
			padding-top: 0px;
		}
		
		.card-content-inner {
			margin-left: 18%;
			padding-top: 5px;
			padding-bottom: 10px;
		}
		
		.card-content-inner-img {
			width: 23%;
			height: 90px;
			padding: 2px;
		}
		
		.card-content-inner p {
			margin-bottom: 0px;
			color: #A2A2A2;
			font-size: 14px;
		}
		
		.card-footer span {
			font-size: 12px;
			color: #C4C4C4;
		}
		
		.card-footer:before {
			height: 0px;
		}
		
		.card-footer-title {
			margin-left: 18%;
		}
		
		.icon-angle-down {
			margin-bottom: 30px;
			color: #BBBBBB;
			position: relative;
		}
		
		.communityDetal-mars {
			float: left;
			background-color: #45ADF6;
			width: 24px;
			height: 12px;
			display: inline;
			margin-left: auto;
			margin-right: auto;
			line-height: 14px;
		}
		
		.community-mars-icon {
			padding-left: 2px;
			padding-bottom: 6px;
			margin-top: 2px;
			color: white;
			font-size: 10px;
			margin-right: 2px;
			display: block;
			float: left;
		}
		
		.communityDetal-vip {
			float: left;
			width: 36px;
			height: 12px;
			display: inline;
			margin-left: 2px;
		}
		
		#user_collection .infinite-scroll-preloader {
			margin-top: 10px;
			margin-bottom: 10px;
			text-align: center;
		}
		
		#user_collection .infinite-scroll-preloader .preloader {
			width: 25px;
			height: 25px;
		}
	</style>

	<div class="navbar" style="background-color:white;">

		<!-- Navbar page 1 -->
		<div class="navbar-inner" >
			<div class="left">
				<a href="#" class="link" id="collection_back">
					<i class="icon icon-angle-left" style="color:#15191c;"></i>
					<span style="color:#15191c;">返回</span>
				</a>
			</div>
			<div class="center"><span style="font-weight: 600;color:#15191c;">个人收藏</span></div>
			<div class="right" id="user_info_send_dynamic" style="color:#15191c;"></div>
		</div>
	</div>
	<div class="page-content infinite-scroll" style="overflow-x: hidden;padding-bottom: 0px;" id="collection_page">
		<div id="user_collection_list" style="width: 100%;">
			
		</div>
		<!-- 加载提示符 -->
		<div class="infinite-scroll-preloader" id="loading_more">
			<div class="preloader"></div>
		</div>
	</div>
</div>